<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta name="description" content="影视管理后台" />
  <meta name="referrer" content="never">
  <link rel="icon" href="/public/images/favicon.ico">
  <link href="/public/admin/reset.min.css" rel="stylesheet">
  <link href="/public/admin/vue3-easy-data-table.css" rel="stylesheet" />
  <script src="/public/admin/vue.global.prod.min.js"></script>
  <script src="/public/admin/dayjs.min.js"></script>
  <script src="/public/admin/customParseFormat.js"></script>
  <script src="/public/admin/weekday.js"></script>
  <script src="/public/admin/localeData.js"></script>
  <script src="/public/admin/weekOfYear.js"></script>
  <script src="/public/admin/weekYear.js"></script>
  <script src="/public/admin/advancedFormat.js"></script>
  <script src="/public/admin/quarterOfYear.js"></script>
  <script src="/public/admin/antd.min.js"></script>
  <script src="/public/admin/tailwindcss.js"></script>
  <script src="/public/main/axios.js"></script>
  <script src="/public/admin/vue-demi.js"></script>
  <script src="/public/admin/vuelidate.js"></script>
  <script src="/public/admin/validators.js"></script>
  <script src="/public/admin/socket.io.js"></script>
  <script src="/public/admin/md5.min.js"></script>
  <script src="/public/admin/lodash.min.js"></script>
  <script src="/public/admin/vue3-easy-data-table.js"></script>
  <script src="/public/admin/countUp.umd.js"></script>
  <script src="/public/admin/g2.min.js"></script>
  <script src="/public/main/qs.min.js"></script>
  <script src="//at.alicdn.com/t/c/font_3920011_2mwus2nwk1j.js"></script>

  <title>影视管理后台</title>
  <style>
    div {
      font-size: 14px;
    }

    /* 隐藏垂直滚动条 */
    ::-webkit-scrollbar-vertical {
      display: none;
      /* 不显示垂直滚动条 */
    }

    .list-group-item {
      position: relative;
      display: block;
      padding: 0.75rem 1.25rem;
      background-color: #fff;
      border: 1px solid rgba(0, 0, 0, .125);
      cursor: move;
    }

    .icon {
      width: 1.5em;
      height: 1.5em;
      vertical-align: -0.15em;
      fill: currentColor;
      overflow: hidden;
    }

    .span_link {
      color: #1677ff;
      cursor: pointer;
    }

    .main-layout-content {
      margin: 0;
      min-height: 280px;
      max-height: 90vh;
      overflow-y: auto;
    }

    .main-layout-content_not_index {
      background: #fff;
      padding: 24px;
    }

    #page_background {
      position: absolute;
      z-index: 1000;
      background: #fff;
      width: 100vw;
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .page_loading {
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .page_loading_container {
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
    }

    .page_loading_ring {
      width: 190px;
      height: 190px;
      border: 1px solid transparent;
      border-radius: 50%;
      position: absolute;
    }

    .page_loading_ring:nth-child(1) {
      border-bottom: 8px solid rgb(255, 141, 249);
      animation: rotate1 2s linear infinite;
    }

    @keyframes rotate1 {
      from {
        transform: rotateX(50deg) rotateZ(110deg);
      }

      to {
        transform: rotateX(50deg) rotateZ(470deg);
      }
    }

    .page_loading_ring:nth-child(2) {
      border-bottom: 8px solid rgb(255, 65, 106);
      animation: rotate2 2s linear infinite;
    }

    @keyframes rotate2 {
      from {
        transform: rotateX(20deg) rotateY(50deg) rotateZ(20deg);
      }

      to {
        transform: rotateX(20deg) rotateY(50deg) rotateZ(380deg);
      }
    }

    .page_loading_ring:nth-child(3) {
      border-bottom: 8px solid rgb(0, 255, 255);
      animation: rotate3 2s linear infinite;
    }

    @keyframes rotate3 {
      from {
        transform: rotateX(40deg) rotateY(130deg) rotateZ(450deg);
      }

      to {
        transform: rotateX(40deg) rotateY(130deg) rotateZ(90deg);
      }
    }

    .page_loading_ring:nth-child(4) {
      border-bottom: 8px solid rgb(252, 183, 55);
      animation: rotate4 2s linear infinite;
    }

    @keyframes rotate4 {
      from {
        transform: rotateX(70deg) rotateZ(270deg);
      }

      to {
        transform: rotateX(70deg) rotateZ(630deg);
      }
    }
    .spin_loading{
      animation: loadingCircle 1s infinite linear;
      line-height: 0;
      text-align: center;
      width: 20px;
      height: 20px;
      font-size: 20px;
    }
    @keyframes loadingCircle{
      100%{
        transform: rotate(360deg);
      }
    }
    .head_btn{
      margin-right: 20px;
      cursor: pointer;
    }
    .head_btn:hover{
      color: #00b96b;
    }
    .douban_li_item{
      margin-bottom: 10px;
      padding: 5px;
    }
    .douban_li_item:hover{
      background-color: #f6f6f6;
    }
  </style>

  <script>
    const { createApp, ref, reactive, h, watch, computed, toRef, nextTick, onMounted, onUpdated, onUnmounted, onBeforeMount, onBeforeUpdate, onBeforeUnmount, onErrorCaptured, onRenderTracked, onRenderTriggered, onActivated, onDeactivated, onServerPrefetch, } = Vue;
    const Hint = antd.message;
    axios.post('/v1/config/space')
      .then(res => {
        let dat = res.data.data;
        window.base = dat;

      });
    const reloadStr = 'reload_data';
    function reload(params = {}) {
      params.hint_type = params?.hint_type ?? 'success'
      params.hint_msg = params?.hint_msg ?? '操作成功'
      localStorage.setItem(reloadStr, JSON.stringify(params));
      location.reload();
    }
    function reloadHandle() {
      let str = localStorage.getItem(reloadStr);
      if (str != null) {
        let dat = JSON.parse(str)
        Hint[dat.hint_type](dat.hint_msg);
        localStorage.removeItem(reloadStr)
        return dat;
      }
      return null
    }
    function timeFix() {
      const time = new Date()
      const hour = time.getHours()
      return hour < 9 ? '早上好' : hour <= 11 ? '上午好' : hour <= 13 ? '中午好' : hour < 20 ? '下午好' : '晚上好'
    }
    const socket = io();
    socket.on("connect", () => {
      console.log(socket.id); // "G5p5..."
      console.log("连接socket成功")
    });
    socket.io.on("error", (error) => {
      console.log(error);
      console.log("连接socket失败")
    });
    const isIndex = ref(false);
  </script>
</head>